Tutorial

JavaScript Intermediate Bounty Showcase

13 steps

In the JavaScript Intermediate campaign, learners were challenged to attempt a bounty where they had to create a site that used classes, switch statements, and try-catch-finally statements. These three concepts were covered in the campaign. You may refer to the JavaScript Intermediate module for more details. Winners were selected based on the novelty of their websites and comprehensiveness of their write-ups. We received many submissions that involved bank account management and we will be featuring one in this showcase.

Helpful prior knowledge

JavaScript Intermediate module


Tutorial Steps

Total steps: 13

  • Step 1: Temperature Converter

    Site here

    View the write-up here

  • Step 2: Bank Account Management

    Site here

    This site has the ability to hide your balance from prying eyes. You can do all the necessary things like deposit, withdraw and check your balance. To use the site, you will need to first create an account, then log in.

    Read the write-up here.

  • Step 3: Content Editor

    Site here

    Screenshot 2023-12-07 194321.jpg

    One of the more impressive entries, this content editor allows you to preview any edits you make in real-time. You can insert headings, paragraphs, images and audio.

    Read the write-up here.

  • Step 4: Canvas Art

    Site here

    Another impressive site. Here, you have a canvas with the ability to choose a colour and brush size. Made a mistake? You can use the eraser or undo button. Read the write-up here.

  • Step 5: Color Palette Generator

    Site here

    Having difficulty deciding on a colour palette to use for your website? Try this out! Read the write-up here to see how it was made.

  • Step 6: Productivity Dashboard

    Site here

    Having difficulty focusing on your task? How about using this productivity dashboard to help you keep track of your tasks and prioritise? Read the write-up here.

  • Step 7: TikTok Clone

    Site here

    Like Tiktok? How about creating a clone of it? Read the write-up here to learn about how this project came together.

  • Step 8: Shapes Area Calculator

    Site here

    image.png

    Faced with Mathematics homework that requires you to calculate the area of shapes? This site will come in handy for calculating the area for a number of shapes such as a parallelogram and diamond. Read the write-up here.

  • Step 9: Alien Pet Simulator

    Site here

    After completing your Mathematics homework, how about relaxing with a game by playing this alien game simulator where you can feed it, play with it, use its special ability and send it to sleep. Top marks for creativity! Read the write-up here

  • Step 10: Rock Paper Scissors Lizard Spock Game

    Site here

    Another game, let's see how you do against Sheldon Cooper as your opponent. Read the write-up here for how to play the game. Absolutely loved the humour in the write-up while reviewing this 💞

  • Step 11: Image Filter

    Site here

    Looking to make some edits to your image? Upload it and make adjustments to it like flipping horizontally or vertically and turning it to a black and white image. Read the write-up here.

  • Step 12: Recipe Generator

    Site here

    You only have a few ingredients in your kitchen and you're not quite sure what to make. Let this recipe generator inspire you with suggestions on what you can make. Read the write-up here.

  • Step 13: Store Inventory Management

    Site here

    image.png

    Looking to manage an online bookstore? This site might be for you. Read the write-up here.

Have you completed this tutorial? Click below to mark as complete

Help Center Need help?

Find articles to support you through your journey or chat with our support team.

Help Center